/*------------------------------------------------------------------------
* Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: ZooTemplate
* Websites:  http://www.zootemplate.com
-------------------------------------------------------------------------*/
#typhography{ color:#2f2f2f; }
h1 {font-size: 260%; margin:0 0 20px 0; line-height:100%;}
h2 {font-size: 220%; margin:0 0 20px 0; line-height:100%;}
h3 {font-size: 180%; margin:0 0 20px 0; line-height:100%;}
h4 {font-size: 140%; margin:0 0 20px 0; line-height:100%;}
.zt-typo-title{ font-size:200%; margin:0;}
.zt-typo-des{ width:100%; padding:0; margin:0;}
.zt-typo-boxes{ border-bottom:1px solid #e2e3e5; margin: 0; padding:20px 0; width: 100%; }
.zt-typo-boxes2{  margin: 0; padding:20px 0; width: 100%; }
.zt-typo-boxes-inside{ padding: 0 10px; }
.heading-styles { font-size:200%; }
.zt-typo-row{ width: 100%; float:left; margin: 10px 0; color:#3d3d3d; }
.zt-typo-col  { width: 50%; float:left; }
.zt-typo-col1 .zt-typo-inside  { padding: 0 20px 0 0; }
.zt-typo-col2 .zt-typo-inside  { padding: 0 0 0 20px; }

/*begin pre code*/
pre, .code { color:#232323; font-size: 100%; font-size-adjust:none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 20px; margin:0; padding: 10px; background: #e2e3e5; border-left: 6px solid #adadad; border-top: 1px solid #adadad; border-bottom: 1px solid #adadad; border-right: 1px solid #adadad; } 
pre.orange{ background: #faf4ed; border-left: 6px solid #eedcc7; border-top: 1px solid #eedcc7; border-bottom: 1px solid #eedcc7; border-right: 1px solid #eedcc7; }
pre.blue{ background: #f2f5fd; border-left: 6px solid #bbd4eb; border-top: 1px solid #bbd4eb; border-bottom: 1px solid #bbd4eb; border-right: 1px solid #bbd4eb; }
/*end pre code*/

/***Highlight***/
.t-highlight { margin:3px 0; width:100%; }
.highlight { padding: 2px 5px; color: #2f2f2f; background: #e5e5e5; }
.highlight1 { padding: 2px 5px; color: #ffffff; background: #0066ff; }
.highlight2 { padding: 2px 5px; color: #ffffff; background: #ff0000; }
.highlight3 { padding: 2px 5px; color: #2f2f2f; background: #ffe400; }
.code-hightlight { color: #a1a1a1; margin:10px  0 0 0; }
/***End Highlight***/

/*begin icon set*/
.zt-typo-icon-row{ margin: 10px 0; width: 100%; }
.zt-typo-set{ width: 33%; float:left; }
.zt-typo-set .zt-typo-set-inside{ padding: 0 10px; }
.icon-set { 	padding: 0 0 0 40px; float:left;  }
.t-set{ width: 100%; float:left; }
.t-setcode{ color:#a9a9a9; width: 100%; float:left; }
.icon1 { background: url('../images/typo/icon1.png') no-repeat left 2px;}
.icon2 { background: url('../images/typo/icon2.png') no-repeat left 2px;}
.icon3 { background: url('../images/typo/icon3.png') no-repeat left 2px;}
.icon4 { background: url('../images/typo/icon4.png') no-repeat left 2px;}
.icon5 { background: url('../images/typo/icon5.png') no-repeat left 2px;}
.icon6 { background: url('../images/typo/icon6.png') no-repeat left 2px;}
.icon7 { background: url('../images/typo/icon7.png') no-repeat left 2px;}
.icon8 { background: url('../images/typo/icon8.png') no-repeat left 2px;}
.icon9 { background: url('../images/typo/icon9.png') no-repeat left 2px;}
.icon10 { background: url('../images/typo/icon10.png') no-repeat left 2px;}
.icon11 { background: url('../images/typo/icon11.png') no-repeat left 2px;}
.icon12 { background: url('../images/typo/icon12.png') no-repeat left 2px;}
.icon13 { background: url('../images/typo/icon13.png') no-repeat left 2px;}
.icon14 { background: url('../images/typo/icon14.png') no-repeat left 2px;}
.icon15 { background: url('../images/typo/icon15.png') no-repeat left 2px;}
.icon16 { background: url('../images/typo/icon16.png') no-repeat left 2px;}
.icon17 { background: url('../images/typo/icon17.png') no-repeat left 2px;}
.icon18 { background: url('../images/typo/icon18.png') no-repeat left 2px;}
.icon19 { background: url('../images/typo/icon19.png') no-repeat left 2px;}
.icon20 { background: url('../images/typo/icon20.png') no-repeat left 2px;}
.icon21 { background: url('../images/typo/icon21.png') no-repeat left 2px;}
.icon22 { background: url('../images/typo/icon22.png') no-repeat left 2px;}
.icon23 { background: url('../images/typo/icon23.png') no-repeat left 2px;}
.icon24 { background: url('../images/typo/icon24.png') no-repeat left 2px;}
.icon25 { background: url('../images/typo/icon25.png') no-repeat left 2px;}
.icon26 { background: url('../images/typo/icon26.png') no-repeat left 2px;}
.icon27 { background: url('../images/typo/icon27.png') no-repeat left 2px;}
.icon28 { background: url('../images/typo/icon28.png') no-repeat left 2px;}
.icon29 { background: url('../images/typo/icon29.png') no-repeat left 2px;}
.icon30 { background: url('../images/typo/icon30.png') no-repeat left 2px;}
/*end icon set*/

/*begin unordered list*/
.unordered{ width: 25%; float:left;  }
.unordered-inside{ padding:0 10px; }
.unordered li{ padding:0 0 0 30px; height: 20px; line-height: 20px; margin:5px 0;}
.unordered .list1 li.bullet1{ background: url('../images/typo/arrow1.png') no-repeat left 0; }
.unordered .list1 li.bullet2{ background: url('../images/typo/arrow1.png') no-repeat left -27px; }
.unordered .list1 li.bullet3{ background: url('../images/typo/arrow1.png') no-repeat left -54px; }

.unordered .list2 li.bullet1{ background: url('../images/typo/arrow2.png') no-repeat left 4px; }
.unordered .list2 li.bullet2{ background: url('../images/typo/arrow2.png') no-repeat left -23px; }
.unordered .list2 li.bullet3{ background: url('../images/typo/arrow2.png') no-repeat left -50px; }

.unordered .list3 li.bullet1{ background: url('../images/typo/arrow3.png') no-repeat left 4px; }
.unordered .list3 li.bullet2{ background: url('../images/typo/arrow3.png') no-repeat left -23px; }
.unordered .list3 li.bullet3{ background: url('../images/typo/arrow3.png') no-repeat left -50px; }

.unordered .list4 li.bullet1{ background: url('../images/typo/arrow4.png') no-repeat left 5px; }
.unordered .list4 li.bullet2{ background: url('../images/typo/arrow4.png') no-repeat left -22px; }
.unordered .list4 li.bullet3{ background: url('../images/typo/arrow4.png') no-repeat left -49px; }

/*warning*/
.zt-box-info { text-shadow:1px 1px 1px #ffffff; padding: 15px 15px 15px 50px; border-top: solid 1px #d3eaf1; 	border-bottom: solid 1px #d3eaf1; background: #ebf7fb url(../images/typo/box-info.png) no-repeat 10px 10px; }
.zt-box-warning { text-shadow:1px 1px 1px #ffffff; padding: 15px 15px 15px 50px; border-top: solid 1px #f5c8c1; border-bottom: solid 1px #f5c8c1; background: #fbedeb url(../images/typo/box-warning.png) no-repeat 10px 10px; }
.zt-box-stickynote { text-shadow:1px 1px 1px #ffffff; padding: 15px 15px 15px 50px; border-top: solid 1px #f1d99a; border-bottom: solid 1px #f1d99a; 	background: #fbf8eb url(../images/typo/box-stickynote.png) no-repeat 10px 10px; }
.zt-box-upload { text-shadow:1px 1px 1px #ffffff; padding: 15px 15px 15px 50px; border-top: solid 1px #c2e2a8; border-bottom: solid 1px #c2e2a8; background: #eefbeb url(../images/typo/box-upload.png) no-repeat 10px 10px; }
.zt-box-download { text-shadow:1px 1px 1px #ffffff; padding: 15px 15px 15px 50px;border-top: solid 1px #ace9ed;border-bottom: solid 1px #ace9ed;background: #ebfafb url(../images/typo/box-download.png) no-repeat 10px 10px; }